<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="renderer" content="webkit">
    <meta name="author" content="Jhou shuai">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/baidu/cube.css"/>
    <link rel="stylesheet" type="text/css" href="css/baidu/common.css"/>
    <link rel="stylesheet" href="css/baidu/baidu.css">
    <title>百度一下，你就知道</title>
</head>
<body>
    <!--百度主容器-->
    <div class="container">
        <!--头部-->
        <div  class="header"><!--头部导航-->
            <div class="head_wrapper">
                <div class="nav">
                    <a href="http://www.nuomi.com/?cid=002540"  class="mnav">糯米</a>
                    <a href="http://news.baidu.com"  class="mnav">新闻</a>
                    <a href="http://www.hao123.com"  class="mnav">hao123</a>
                    <a href="http://map.baidu.com" class="mnav">地图</a>
                    <a href="http://v.baidu.com"  class="mnav">视频</a>
                    <a href="http://tieba.baidu.com"  class="mnav">贴吧</a>
                    <a href="javascript:void(0);" id="login-btn"  class="login">登录</a>
                    <!--设置列表-->
                    <div id="list-set" class="list-set">
                        <a href="http://www.baidu.com/gaoji/preferences.html" id="set"  class="set">设置</a>
                        <ul id="ul-set" class="ul-set">
                            <span class="icon-triangle"></span>
                            <li><a href="javascript:void(0);">搜索设置</a></li>
                            <li><a href="javascript:void(0);">高级搜索</a></li>
                            <li><a href="javascript:void(0);">关闭预测</a></li>
                            <li><a href="javascript:void(0);">搜索历史</a></li>
                        </ul>
                    </div>
                    <a href="http://www.baidu.com/more/" id="more"  class="more" style="display: block;">更多产品</a></div>
            </div>
        </div>
        <!--更多产品-->
        <div id="more-product" class="more-product">
            <ul class="list-div">
                <li>
                    <a class="ul-product-a anymore" href="javascript:void(0);">更多产品</a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_3"></span>
                        音乐
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_4"></span>
                        图片
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_2"></span>
                        知道
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_5"></span>
                        文库
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_6"></span>
                        风云榜
                    </a>
                </li>
                <li>
                    <a class="ul-product-a" href="javascript:void(0);">
                        <span class="bgimgspan bdbriimgitem_7"></span>
                        百度推广
                    </a>
                </li>
                <li>
                    <a class="more-a ul-product-a" href="javascript:void(0);">全部产品&gt;&gt;</a>
                </li>
            </ul>
        </div>
        <!--中间部分-->
        <div class="content"><!--中间部分-->
            <div class="search-div">
                <!-- LOGO -->
                <img  hidefocus="true" src="images/bd_logo1.png" width="270" height="129" title="百度一下，你就知道" align="百度一下，你就知道"/>
                <!-- 百度搜索框 表单提交-->
                <form action="http://www.baidu.com/s" method="get" target="_blank">
                    <div class="div-input">
                        <div class="float-left">
                            <input type="text" id="search-input" autofocus="true" autocomplete="off"  value="" name="wd" class="search-inpt" />
                        </div>
                        <div class="float-left">
                            <input class="btn-submit" type="submit"  value="百度一下" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--尾部-->
        <div class="footer footer-bigger">
            <div class="footer-div">
                <!-- 手机百度 -->
                <div class="div-img-qrcode">
                    <img src="images/zbios_62c636fe.png"/>
                </div>
                <div class="div-qrcode"><p><b>手机百度</b></p><p><span class="gry-footer">快人一步</span></p></div>
                <!--百度糯米-->
                <div class="div-img-qrcode">
                    <img src="images/nuomi_510f7472.png"/>
                </div>
                <div class="div-qrcode"><p><b>百度糯米</b></p><p><span class="gry-footer">一元大餐</span></p></div>
                <!--about BAIDU-->
                <div class="div-baidu-about">
                    <p>
                        <a href="/">把百度设为主页</a>&nbsp;
                        <a>把百度设为主页</a>&nbsp;
                        <a href="http://home.baidu.com">关于百度</a>&nbsp;
                        <a href="http://ir.baidu.com">About&nbsp;Baidu</a>
                    </p>
                    <p class="p-footer"><span class="cp-span">&copy;</span>2016&nbsp;Baidu&nbsp;<a class="footer-link" href="http://www.baidu.com/duty/">使用百度前必读</a>&nbsp;<a  href="http://jianyi.baidu.com/" >意见反馈</a>&nbsp;京ICP证030173号&nbsp;<i class="icon-icrlogo">&nbsp;</i></p>
                </div>
            </div>
        </div>
        <!--弹层-->
        <div id="pop-wrapper" class="pop-wrapper">
            <!--登陆框-->
            <div class="login-pop">
                <div class="pop-title">
                    <span class="title-text">登录百度帐号</span>
                    <a id="closeBtn" class="close-btn">&nbsp;</a>
                </div>
                <!--帐号登录-->
                <div class="normal-login" id="normalogin">
                    <form id="normal-login-form" class="pass-form pass-form-normal" method="POST" autocomplete="off">
                        <ul class="login-list normal-login-list">
                            <li id="error-tip-normal" class="error-tip"></li>
                            <li class="login-item login-sms-item"><a class="pass-sms-btn" id="sms-btn" title="短信快捷登录" data-type="sms" >短信快捷登录</a></li>
                            <li class="login-item login-item-username">
                                <label class="pass-label username-label" for="username">
                                    手机/邮箱/用户名
                                </label>
                                <input placeholder="手机/邮箱/用户名" class="pass-text-input username" value="" id="username" type="text" />
                                <span data-type="username" class="clean-btn">&nbsp;</span>
                            </li>
                            <li class="login-item login-item-password">
                                <label class="pass-label password-label" for="password">
                                    密码
                                </label>
                                <input placeholder="密码" class="pass-text-input password" id="password" type="password" value=""/>
                                <span data-type="password" class="clean-btn">&nbsp;</span>
                            </li>
                            <li class="login-auto-item">
                                <input type="checkbox" checked="true" class="pass-checkbox-input auto-login" name="autologin" />
                                <span>下次自动登录</span>
                                <a href="javascript:void(0);">登录遇到问题</a>
                            </li>
                            <li class="login-sbmit-item">
                                <input id="sbmit-login" data-type="normal" type="submit" value="登录" class="pass-button pass-button-submit">
                            </li>
                            <li class="reg-link-item">
                                <a href="javascript:void(0);">立即注册</a>
                            </li>
                        </ul>
                    </form>
                </div>
                <!--其他登录方式-->
                <div class="other-login"  id="otherLogin" >
                    <div class="othermethod">可以使用以下方式登录</div>
                    <div class="other-login-action">
                        <a class="phoenix-btn-item qq" href="javascript:void(0);" title="QQ帐号"></a>
                        <a class="phoenix-btn-item sina" href="javascript:void(0);" title="新浪微博"></a>
                    </div>
                </div>
                <!--短信登陆-->
                <div class="sms-login"    id="sms-login">
                    <form id="sms-login-form" class="pass-form pass-form-normal" method="POST" autocomplete="off">
                        <ul class="login-list sms-login-list">
                            <li id="error-tip-sms"  class="error-tip"></li>
                            <li class="pass-sms-title">短信登录</li>
                            <li class="pass-sms-tip">验证即登录，未注册将自动创建百度帐号</li>
                            <li class="login-item login-phone-item">
                                <label class="pass-label phone-label" for="phone">
                                    请输入手机号
                                </label>
                                <input placeholder="请输入手机号" class="pass-text-input phone" value="" id="phone" type="text" />
                                <span data-type="phone" class="clean-btn">&nbsp;</span>
                            </li>
                            <li class="sms-login-smsVerifyCode">
                                <input placeholder="动态密码" class="pass-text-input smsVerifyCode" id="smsVerifyCode" type="password" value=""/>
                                <span data-type="smsVerifyCode" class="clean-btn">&nbsp;</span>
                                <input type="button" value="发送动态密码" id="send-sms-verifyCode" class="pass-item-timer"/>
                            </li>

                            <li class="login-sbmit-item">
                                <input data-type="sms" id="sbmit-sms-login" type="submit" value="登录" class="pass-button pass-button-submit">
                            </li>
                            <li class="sms-accept-item">
                                <span class="accept">
                                    阅读并接受
                                    <a class="" href="javascript:void(0);">《百度用户协议》</a>
                                </span>
                                <a class="normaLogin" id="normal-login-btn" href="javascript:void(0);">帐号密码登录</a>
                            </li>
                        </ul>
                    </form>
                </div>
                <!--二维码登录-->
                <div class="qrcode-login" id="qrcode-login" >
                    <p class="pass-qrcode-title">手机扫描，安全登录</p>
                    <div class="pass-qrcode-imgWrapper">
                        <img class="tang-pass-qrcode-img" src="images/qrcode.png">
                    </div>
                    <p class="pass-qrcode-info">请使用<a href="javascript:void(0);" >手机百度app</a>扫描登录</p>
                </div>
                <a id="change-method-btn" data-type="qrcode" class="change-login-method pop-qrcodeLogin"></a>
            </div>
        </div>
    </div>

<script type="text/javascript" src="./js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="./js/baidu.js"></script>
</body>
</html>